<template>
	<view class="contact">
		<image class="img" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.etnIba1-5kUc2GO8oc2qhAHaEg?w=255&h=180&c=7&r=0&o=5&dpr=1.25&pid=1.7"></image>
		<view class="info">
			<view @click="phone">联系电话：186-3113-4830（点击拨打）</view>
			<view>联系地址：湖北省武汉市新洲区阳逻街道武汉生物工程学院</view>
		</view>
		<map class="map" :longitude="longitude" :scale="scale" :latitude="latitude" :markers="markers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude: 114.529755,
				latitude: 30.719117,
				scale: 13,
				markers:[
					{
						longitude: 114.529755,
						latitude: 30.719117,
						iconPath:'../../static/whswgcxy.jpeg',
						width:30,
						height:30
					}
				]
			}
		},
		methods: {
			phone(){
				uni.makePhoneCall({
					phoneNumber:'186-3113-4830'
				})
			}
		}
	}
</script>

<style lang="scss">
	.contact{
		.img{
			width: 750rpx;
			height: 370rpx;	
		}
		.info{
			padding: 10rpx 20rpx;
			font-size:30rpx;
			view{
				line-height:80rpx;
				border-bottom: 1px solid #eee;
			}
		}
		.map{
			width: 750rpx;
			height: 750rpx;
		}
	}

</style>
